<?php
ini_set("display_errors", "On");
error_reporting(E_ALL | E_STRICT);
session_start();
include './c/config.php';
include 'jssdk.php';
$jssdk = new JSSDK($appId, $secret);
$signPackage = $jssdk->GetSignPackage();
$cdnUrl='./'; 

$name='';
$openid='';
if (isset($_GET['op'])){
    $_SESSION['openid']=$_GET['op'];
}
if (isset($_SESSION['openid'])){
    $openid=$_SESSION['openid'];
}
$mysqli = new mysqli($dbhost, $dbuser, $dbpwd, $dbName);
$mysqli->query("SET NAMES utf8");
$query=$mysqli->query("select phone from uinfo where openid='".$openid."' limit 0, 1");
if($query->num_rows>0){
    $getU=$query->fetch_assoc();
    $queryName=$mysqli->query("select name,zuoci from ud where phone='".$getU['phone']."' limit 0, 1");
    if($queryName->num_rows>0){
        $getName=$queryName->fetch_assoc();
    }else{
        exit;
    }
}
?><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>海信</title>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<style>
html,body{width:100%;font-size:12px;font-family:Helvetica,Tahoma, Arial, STXihei,Microsoft YaHei, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
body{-webkit-overflow-scrolling: touch;overflow-scrolling: touch;overflow-y: scroll;}
-webkit-touch-callout:none;
-webkit-user-select:none;
html{-ms-touch-action:none;}
div,img{-webkit-tap-highlight-color:rgba(0,0,0,0);}
*{-webkit-text-size-adjust: none;}
.simg{position:absolute;display:block;}
a{text-decoration:none;}
.txt{position:absolute;text-align:center;text-indent:6px;color:#fff;font-size:12px;z-index:2;border:none;background:transparent;}
.txt::-webkit-input-placeholder{color:#fff;text-align:left;}
select{position:absolute;color:#787c7f;display:block;background:transparent;border:0px;text-indent:4px;font-size:12px;-webkit-appearance:none;}
.container{position:relative;transform:translate3d(0,0,0);overflow:hidden;width:100%;height:auto;overflow:hidden;}
.p-b{position:absolute;width:100%;top:0;left:0;}
.page{position:absolute;display:none;width:100%;height:100%;top:0;left:0;background:#fff;}
.hide{display:none;}
.animated{animation-duration:1s;animation-fill-mode: both;}
.animated.infinite{animation-iteration-count: infinite;}
.scroll{overflow-y:scroll;-webkit-overflow-scrolling: touch;}
*{touch-action:pan-y;}
@-webkit-keyframes arr{ 
   from {
    opacity: 0;
    -webkit-transform: translate3d(0, -26%, 0);
    transform: translate3d(0, -26%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    transform: translate3d(-10%, 10%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInBottomLeft {
  animation-name: fadeInBottomLeft;
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -10%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDown {
  animation-name: fadeInDown;
}
.animated{animation-duration:1s;animation-fill-mode: both;}
.anid15{animation-duration:1.5s;animation-fill-mode: both;}
.lw100{position:absolute;width:100%;top:0;left:0;display:block;}
.p2-t2{position:absolute;left:0;background:transparent url('./img/p2-t2.png?v=4') no-repeat;background-size:cover;}
.p2-z1{position:absolute;font-size:14px;color:#00898c;font-weight:600;}
.p2-z2, .p2-z3{position:absolute;color:#f7ffff;text-align:center; width:100%;font-weight:600;font-size:12px;}
.p2-t3{position:absolute;width:100%;bottom:0;left:0;}
.p-btm{position:absolute;width:100%;bottom:0;left:0;}

.wan-t2{position:absolute;width:100%;left:0;display:block;}
.wan-z2{position:absolute;width:100%;font-size:12px;color:#00898c;text-align:center;}
</style></head>
<body>
<div class="container">
	 <div class="p2 page">
	     <img class="p2-t1 lw100  animated fadeInDown" src="./img/p2-t1.png" />
	     <div class="p2-z1 animated fadeInDown">尊敬的<?php echo $getName['name']; ?>，</div>
	     <div class="p2-t2 animated fadeInDown ">
	         <div class="p2-z2">您的会议座次为<?php echo $getName['zuoci']; ?></div>
	        
	     </div>
	     
	     <img class="p2-t3 fadeInBottomLeft anid15" src="./img/p2-t2.jpg" />
	     <img class="p2-back simg" src="./img/back1.png?v=4" />
	 </div>
	 
	 <div class="p3 page">
	     <img class="lw100 animated fadeInDown" src="./img/p3-t1.jpg?v=4" />
	     <img class="p-btm fadeInBottomLeft anid15" src="./img/p3-t2.png" />
	     <img class="p3-back simg" src="./img/back1.png?v=4" />
     </div>
     <div class="p4 page">
	    <img class="lw100 animated fadeInDown" src="./img/p4-t1.jpg?v=4" />
	     <img class="p-btm fadeInBottomLeft anid15" src="./img/p4-t2.png" />
	     <img class="p4-back simg" src="./img/back1.png?v=4" />
     </div>
  
</div>
 
<script src="https://mat1.gtimg.com/libs/jquery2/2.1.4/jquery2.min.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<?php include 'js2.php'; ?></body></html>